<template>
  <q-dialog v-model="alert" position="bottom">
    <q-card>
      <q-card-section>
        <div class="text-h6">111</div>
      </q-card-section>

      <q-card-section class="q-pt-none">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum
        repellendus sit voluptate voluptas eveniet porro. Rerum blanditiis
        perferendis totam, ea at omnis vel numquam exercitationem aut, natus
        minima, porro labore.
      </q-card-section>

      <q-card-actions align="right">
        <q-btn flat label="OK" color="primary" v-close-popup />
      </q-card-actions>
    </q-card>
  </q-dialog>
</template>

<script>
export default {
  name: "DialogEditChartConfig",
  props: {
    modelValue: {
      type: Boolean,
      default: false,
    },
  },
  emits: ["update:modelValue"],
  data() {
    return {
      alert: false,
    };
  },
  watch: {
    modelValue: {
      handler(val) {
        this.alert = val;
      },
      immediate: true,
    },
    alert(val) {
      this.$emit("update:modelValue", val);
    },
  },
};
</script>
